<%@ page language="java" contentType="text/html; charset=ISO-8859-1"    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen, projection" />
<title>OnlineMart</title>
<script>
function validate(loginForm)
{
	var loginId=document.getElementById("emailId").value;
	if(document.getElementById("emailId").value=='')
		{
			alert("User name should not be blank.");
			document.getElementById("emailId").focus();
		}
	else if(document.getElementById("password").value=='')
	{
		alert("Password should not be blank.");
		document.getElementById("password").focus();
	}
}
</script>
</head>
<body>
<h1>Online Mart</h1>
	<div align="center"  style="height:70%;width:30%;">
				<form id="loginForm" name="loginForm" action="MasterData_checkLogin.do" method="post" onsubmit="validate(this)">
					<fieldset>
			    		<div align="left" id="main" style="height:70%;width:50%;">		    	
				    		<div  style="height:70%;width:100%;">
									<label for="emailId">
										User name
									</label> 
									<input size="110" type="text" name="emailId" id="emailId" value="" maxlength="100" style="height:100%;width: 100%;">
							</div>
							<div  style="height:70%;width:100%;">
									<label for="passwd">
										Password
									</label>  
									<input size="110" type="password" name="password" id="password" value="" maxlength="100" style="height:100%;width: 100%;"><br/><br/>
							</div>
								<input type="submit" value="Sign in" style="height:70%; width: 50%;" class="styled-button">
						</div>
					</fieldset>
				</form>
		</div>
</body>
</html>